<template>
    <div class="box">
        <h4 class="header">
            事件详情<span class="titleEn">Event Details</span>
        </h4>
        <div class="main">
            <div class="list">
                <div class="box_1" v-for="(item, key) in listData" :key="key">
                    <div class="one">
                        <div class="one_1">[威胁类型：<span class="type">{{ item.type }}</span>]-{{ item.diDian }}</div>
                        <div class="one_1">上报时间：{{ item.reportingTime }}</div>
                        <div class="one_1">上报地点：{{ item.diDian }}</div>
                        <div class="btn">
                            <div class="btn_1">{{ item.btn1 }}</div>
                            <div class="btn_1">{{ item.btn2 }}</div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
</template>
<script setup>
import { ref } from 'vue'
let listData = ref([
    {
        type: '一般',
        diDian: "窑洞和平房",
        reportingTime: '2024-03-12 14:20:32',
        place: '2024-03-12 14:20:32',
        btn1: '隐患处置',
        btn2: '地图定位',
    },
    {
        type: '一般',
        diDian: "窑洞和平房",
        reportingTime: '2024-03-12 14:20:32',
        place: '2024-03-12 14:20:32',
        btn1: '隐患处置',
        btn2: '地图定位',
    },
    {
        type: '一般',
        diDian: "窑洞和平房",
        reportingTime: '2024-03-12 14:20:32',
        place: '2024-03-12 14:20:32',
        btn1: '隐患处置',
        btn2: '地图定位',
    },
    {
        type: '一般',
        diDian: "窑洞和平房",
        reportingTime: '2024-03-12 14:20:32',
        place: '2024-03-12 14:20:32',
        btn1: '隐患处置',
        btn2: '地图定位',
    }
])
</script>
<style src="./index.css" scoped></style>